.lianliankan {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.time {
  width: 320rpx;
  height: 60rpx;
  background: #ffc71c;
  border-radius: 30rpx;
  display: flex;
  justify-content: center;
  align-items: center;

  text {
    font-size: 32rpx;
    color: #fff;
    font-weight: 700;
  }
}

.content {
  width: 100%;
  height: calc(100% - 60rpx);
  padding: 60rpx 0;
}

.box {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.game {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.chinese {
  margin-top: 40rpx;
}

.game_container {
  width: 20%;
  margin-bottom: 40rpx;
  display: flex;
  justify-content: center;
  align-items: center;

  .game_content {
    width: 280rpx;
    height: 118rpx;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.english {
  .game_content {
    background: url(https://hengxiao-resource.oss-cn-hangzhou.aliyuncs.com/web/resources/images/app/game1.png) center/100% no-repeat scroll;

    &.active {
      .game_span {
        color: #ffc71c;
      }
    }

    .game_span {
      font-size: 28rpx;
      color: #0091ea;
      font-weight: 700;
    }
  }
}

.chinese {
  .game_content {
    background: url(https://hengxiao-resource.oss-cn-hangzhou.aliyuncs.com/web/resources/images/app/game2.png) center/100% no-repeat scroll;

    .game_span {
      font-size: 28rpx;
      color: #fff;
      font-weight: 700;
    }

    &.active {
      .game_span {
        color: #0091ea;
      }
    }
  }
}

.mask1 {
  width: 100%;
  height: 100%;
  padding: 270rpx 320rpx 248rpx 308rpx;
  background: url(https://hengxiao-resource.oss-cn-hangzhou.aliyuncs.com/web/resources/images/hengxiao/common/lianliankan_bg1.png) center center/cover no-repeat;
}

.mask1_content {
  width: 100%;
  height: 100%;
  padding-top: 80rpx;
  padding-bottom: 120rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.mask1_title {
  font-size: 42rpx;
  color: #FFFBED;
}

.mask1_text {
  font-size: 42rpx;
  color: #010101;
}

.mask1_btn {
  width: 288rpx;
  height: 72rpx;
  background: #F39800;
  border-radius: 30rpx;
  display: flex;
  justify-content: center;
  align-items: center;

  text {
    font-size: 42rpx;
    color: #FFFFFF;
  }
}

.mask2 {
  width: 100%;
  height: 100%;
  background: url(https://hengxiao-resource.oss-cn-hangzhou.aliyuncs.com/web/resources/images/hengxiao/common/lianliankan_bg2.png) center center/cover no-repeat;
}

.mask2_content {
  width: 100%;
  height: 100%;
  padding-top: 428rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.mask2_title {
  font-size: 60rpx;
  color: #000000;
}

.mask2_btn {
  width: 390rpx;
  height: 74rpx;
  border-radius: 30rpx;
  border: 3rpx solid #000000;
  display: flex;
  justify-content: center;
  align-items: center;

  text {
    font-size: 40rpx;
    color: #000000;
  }
}

.mask2_text {
  width: 100%;
  height: 76rpx;
  font-size: 40rpx;
  color: #FFFFFF;
  line-height: 76rpx;
  text-align: center;
}